<template>
  <NavBar />
  <ToolBar v-show="routeName === 'score' || routeName === 'student'" />
  <RouterView />
</template>

<script setup>
import { RouterView, useRoute } from "vue-router"; // Import RouterView from vue-router{{}}
import { computed } from "vue";

import NavBar from "@/ui/NavBar.vue";
import ToolBar from "@/ui/ToolBar.vue";

const route = useRoute();
const routeName = computed(() => route.name);
</script>
